<template>
  <bs-dialog v-model="visible" :title="title" :width="600" :confirm-btn-visible="false" cancel-btn-text="关闭">
    <div class="dialog-content">
      <!--表单项-->
      <bs-form :model="formData" :grid="1" :label-width="90">
        <bs-form-item label="主机">
          <div class="content-text">111</div>
        </bs-form-item>
        <bs-form-item label="告警信息">
          <div class="content-text">111</div>
        </bs-form-item>
        <bs-form-item label="告警时间">
          <div class="content-text">111</div>
        </bs-form-item>
        <bs-form-item label="恢复时间">
          <div class="content-text">111</div>
        </bs-form-item>
        <bs-form-item label="处理人">
          <div class="content-text">111</div>
        </bs-form-item>
        <bs-form-item label="值班人">
          <div class="content-text">111</div>
        </bs-form-item>
        <bs-form-item label="关闭原因">
          <div class="content-text">111</div>
        </bs-form-item>
        <bs-form-item label="一键登录">
          <div class="content-text">111</div>
        </bs-form-item>
      </bs-form>
    </div>
  </bs-dialog>
</template>
<script setup lang="ts">
import {ref} from 'vue'
const title = '闭环详情'
const visible = ref()
const formData = ref<Record<string, any>>({})
const info = ref()

const open = (item: any) => {
  visible.value = true
  info.value = item
}

defineExpose({
  open
})

</script>
<style lang="scss" scoped>
.content-text {
  line-height: 1.5;
}
</style>